<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>点我获取当前屏幕的宽高</button>
<script>
/*  document.getElementsByTagName("button")[0].onclick=function (ev) {
    // 获取当前屏幕宽高
    // console.log("w:"+window.innerWidth+"h:"+window.innerHeight);
    // 低版本的Ie不支持
    // 使用document.documentElement.clientWidth与document.documentElement.clientHeight获取
  console.log("w:"+document.documentElement.clientWidth+"h:"+document.documentElement.clientHeight);
  };*/
// 事件:onresize,获取当前窗口的大小
/*window.onresize=function (ev) {
  console.log("w:"+window.innerWidth+"h:"+window.innerHeight);
};*/
// 解决浏览器兼容问题
  document.getElementsByTagName("button")[0].onclick=function (ev) {
  var w=window.innerWidth||document.documentElement.clientWidth;
  var h=window.innerHeight||document.documentElement.clientHeight;
    console.log(w,h);
  };
  // 点浏览器任意位置弹出弹框
  window.onclick=function () {
    alert("gaga");
  }
</script>
</body>
</html>
